<html>
    <head>
        <meta charset="utf-8">

        <!-- 浏览器端ak -->
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=RV3io7P1qcpsGeEfpXVXQYkmf8PcITgc"></script>
        <!-- ECharts-->
        <script src="./echarts/echarts3.8.5.min.js"></script>
        <script src="./echarts/bmap3.8.5.min.js"></script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/trackVisual.js"></script>
        <script src="./js/optionData.js"></script>

        <style type="text/css">
            body {
                margin: 0;
                background: -webkit-linear-gradient(left, #DAE4E3, #C0D3D7);
            }
            #main {
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div id="main"></div>

        <script>

            var startPoint = {
                x: [],
                y: []
            };
            var zoom = 12;

            function execute() {
                var option = getOption(getOptionData());
                drawMap(option, startPoint, zoom);
            }

            function getOptionData() {
                return apps1.getOptionJson();
            }

            function getStartPoint(x,y) {
                startPoint.x = x;
                startPoint.y = y;
            }

            function setZoom(x) {
                zoom = x;
            }

        </script>

    </body>
</html>